<template>
  <div>
    <topNav></topNav>
    <div class="box">
      <div class="title"><h1>分类浏览</h1></div>
      <div class="content"><DishClass></DishClass></div>
      <div class="btn"><BackBtn></BackBtn></div>
      <buttonNav class="but"></buttonNav>
    </div>
  </div>
</template>

<script>
import buttonNav from "../../../components/buttonNav.vue";
import topNav from "../../../components/topNav.vue";
import DishClass from "./DishClass.vue";
import BackBtn from "./BackBtn.vue";

export default {
  components: { BackBtn, DishClass, topNav, buttonNav },
};
</script>

<style scoped>
.box {
  width: 1000px;
  margin: 0 auto;
}
.title {
  margin-top: 50px;
  font-size: 20px;
  font-weight: bolder;
}
.content {
  
  background-color: #f5f6f5;
}
.but{
  margin-bottom: 100px;
}
</style>